<template>
  <div class="home">
    <!-- 导航栏 -->
    <NavHeader></NavHeader>
    <!-- 导航栏END -->

    <!-- 导航列表 -->
    <NavList></NavList>
    <!-- 导航列表END -->
    
    <!-- 今日热点 -->
    <HotStock></HotStock>
    <!-- 今日热点END -->
    
    <!-- 热帖 -->
    <Articles></Articles>
    <!-- 热帖END -->
  </div>
</template>

<script>
// @ is an alias to /src
import NavHeader from "@/components/NavHeader.vue";
import NavList from "@/components/NavList.vue";
import HotStock from "@/components/HotStock.vue";
import Articles from "@/components/Articles.vue";
export default {
  name: "HomeView",
  components: {
    NavHeader,
    NavList,
    HotStock,
    Articles,
  },
};
</script>
<style>
#d1 {
  width: 200px;
  height: 200px;
  background: skyblue;
}
#d2 {
  width: 2rem;
  height: 2rem;
  background: skyblue;
}
</style>
